
.filter-item {
    width: 650rpx;
    overflow: hidden;
    margin-bottom: 20rpx;
    .filter-item-title {
        line-height: 60rpx;
    }
    .filter-btn-content {
        width: 668rpx;
        position: relative;
        margin-top: 20rpx;
        left: -9rpx;
        .check-btn {
            width: 206rpx;
            height: 72rpx;
            margin: 9rpx;
            background-color: rgba(0,0,0,0.1);
            text-align: center;
            line-height: 72rpx;
            position: relative;
            border-radius: 6rpx;
            overflow: hidden;
        }
        .active {
            background-color: #e8f2fe;
            color: #1977fc;
        }
        .active::after {
            font-family: "iconfont" !important;
            content: "\e683";
            display: block;
            position: absolute;
            right: 0px;
            bottom: 0rpx;
            padding: 15rpx 2rpx 0 10rpx;
            width: 52rpx;
            height: 43rpx;
            box-sizing: border-box;
            line-height: 28rpx;
            text-align: right;
            background-color: #1977fc;
            color: #fff;
            clip-path: polygon(0 43rpx, 52rpx 43rpx, 52rpx 0)
        }
    }
    .filter-selecter-content {
        padding: 25rpx 0;
    }
    .switch {
        transform: scale(0.7) translateX(30rpx);
    }
}
.export-start-btn {
    width: 650rpx;
    height: 80rpx;
    border: 1rpx solid;
    margin: 25rpx 25rpx 0;
    border-radius: 40rpx;
    position: relative;
    overflow: hidden;
    background-color: rgba(0,0,0,0.1);
    .iconfont {
        padding: 10rpx;
    }
    &:active {
        opacity: 0.5;
    }
}